<!DOCTYPE html>
<html>
    <head>
        <title>宋濟川地產</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
        <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
        <link href="dist/css/swiper.min.css" rel="stylesheet" type="text/css"/>
        <link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto[gallery2] main stylesheet" charset="utf-8" />
        <link href="css/sjc.css" rel="stylesheet" type="text/css"/>
    </head>
    <body>
        <div class="top"><div class="logo"><img src="images/logo.png"></div></div>
        <div class="col-nav text-center">
            <div class="col-md-12 nav-btn text-center"><span>首頁</span><i class="fa fa-bars nav-ico"></i></div>
            <ul>
                <li class="active"><a href="index.html">首頁</a></li>
                <li><a href="about.html">關於我們</a></li>
                 <li><a href="market.html">市場動態</a></li>
                <li><a href="search.html">樓盤信息</a></li>
                <li><a href="contact.html">聯繫我們</a></li>
            </ul>
        </div>
        <div class="add">
            <div class="swiper-container swiper1">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"><img src="images/1.jpg"></div>
                        <div class="swiper-slide"><img src="images/1.jpg"></div>
                        <div class="swiper-slide"><img src="images/1.jpg"></div>
                    </div>
                   
                   <div class="swiper-button-next swiper-button-next1"><i class="fa fa-angle-right slide-ico"></i></div>
                   <div class="swiper-button-prev swiper-button-prev1"><i class="fa fa-angle-left slide-ico"></i></div>
            </div>
        </div>
         <div class="col-md-8 col-s-l text-center">
                  <input type="search" class="form-control search-input" placeholder="搜索你想要的樓盤">
                     <button type="submit" class="search-btn"><i class="fa fa-search search-ico"></i></button>
                     <p><a href="#">出售</a><a href="#">出租</a><a href="#">黃金海岸</a><a href="#">海景房</a></p>
                </div>
        <div class="search">
            <div class="container p-0 c-o-s">
               
                <div class="col-md-12 swiper-container swiper4 shop-li">
                    <div class="swiper-wrapper">
                        <div class="slide-img swiper-slide">
                            <div class="col-md-6 col-sm-6 col-xs-6 shop-map h-400" data-toggle="modal" data-target="#myModal" data-to="22.345775" data-po="113.4145466" title="店鋪店址"> <img src="images/1.jpg"></div>
                            <div class="col-md-6 col-sm-6 col-xs-6">
                                <div class="shop-title">分鋪1</div>
                                <div class="shop-p">信心信心信心信心信心信心信心信心信心信心</div>
                            </div>
                        </div>
                          <div class="slide-img swiper-slide">
                           <div class="col-md-6 col-sm-6 col-xs-6 shop-map h-400" data-toggle="modal" data-target="#myModal" data-to="22.345775" data-po="544654" title="店鋪店址"> <img src="images/1.jpg"></div>
                           <div class="col-md-6 col-sm-6 col-xs-6">
                                <div class="shop-title">分鋪1</div>
                                <div class="shop-p">信心信心信心信心信心信心信心信心信心信心</div>
                            </div>
                        </div>
                          <div class="slide-img swiper-slide">
                            <div class="col-md-6 col-sm-6 col-xs-6 shop-map h-400" data-toggle="modal" data-target="#myModal" data-to="22.345775" data-po="1" title="店鋪店址"> <img src="images/1.jpg"></div>
                           <div class="col-md-6 col-sm-6 col-xs-6">
                                <div class="shop-title">分鋪1</div>
                                <div class="shop-p">信心信心信心信心信心信心信心信心信心信心</div>
                            </div>
                        </div>
                    </div>
                     <div class="swiper-pagination swiper-pagination4"></div>
                    <div class="swiper-button-next swiper-button-next4"><i class="fa fa-angle-right slide-ico"></i></div>
                   <div class="swiper-button-prev swiper-button-prev4"><i class="fa fa-angle-left slide-ico"></i></div>
                </div>
               
                
            </div>
                
        </div>
        <div class="products">
            <div class="container">
                <div class="tab-content col-md-8 col-sm-8 col-xs-12">
                    <div id="products-li1" class="tab-pane fade in active">
                        <div class="h-478 load-i"><img src="images/3.jpg"></div>
                    </div>
                    <div id="products-li2" class="tab-pane fade">
                        <div class="h-478 load-i"><img src="images/6.jpg"></div>
                    </div>
                    <div id="products-li3" class="tab-pane fade">
                        <div class="h-478 load-i"><img src="images/3.jpg"></div>
                    </div>
                </div>
                <div class="h-478 col-md-4 col-sm-4 col-xs-12 load-h">
                        <ul>
                            <li class="active products-title-1 text-center col-md-12 col-xs-4"><a href="#products-li1" data-toggle="pill">patients</a></li>
                            <li class="products-title-2 text-center col-md-12 col-xs-4"><a href="#products-li2" data-toggle="pill">What our </a></li>
                            <li class="products-title-3 text-center col-md-12 col-xs-4"><a href="#products-li3" data-toggle="pill">What our patients</a></li>                           
                        </ul>
                    </div>
                
            </div>
                
        </div>
        <div class="new fleft gallery clearfix">
            <div class="container">
                <div class="col-md-6 col-sm-6 p-0">
                    <div class="new-img"><a href="images/4.jpg"  rel="prettyPhoto[gallery2]"><img src="images/5.jpg"></a></div>
                    <div class="left-bg new-bg">
                          <a href="#" class="font-color"> 
                            <div>澳門2015年1月房地產市場報告</div>
                            <p>2015年1月澳門商品房工取得預售證24.87万㎡，环比下降72.94%；商品房共成交33.9万㎡，环比下降46.5%，本月均价6726元/㎡，</p>
                        </a>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6 p-0">
                    <div class="new-img"><a href="images/4.jpg"  rel="prettyPhoto[gallery2]"><img src="images/5.jpg"></a></div>
                    <div class="right-bg new-bg">
                        <a href="#" class="font-color"> 
                            <div>澳門2015年1月房地產市場報告</div>
                            <p>2015年1月澳門商品房工取得預售證24.87万㎡，环比下降72.94%；商品房共成交33.9万㎡，环比下降46.5%，本月均价6726元/㎡，</p>
                        </a>
                    </div>
                </div>
                
            </div>               
        </div>
        <div class="about">
           <div class="swiper-container swiper2">

                    <!-- Carousel items -->
                    <div class="swiper-wrapper">
                        <div class="swiper-slide bg-img">
                            <img src="images/4.jpg">
                            <div class="bg-blue">
                                <div class="about-font text-center">關於我們</div>
                                <p>
                                   16世紀葡萄牙人的到來改變了一切。葡萄牙人無論在文化，美食或者傳統方面都給澳門帶來了重大影響。但由始至終影響最深的，
                                   還是葡萄牙人留下的建築。16世紀葡萄牙人的到來改變了一切。葡萄牙人無論在文化，美食或者傳統方面都給澳門帶來了重大影響。但由始至終影響最深的，還是葡萄牙人留下的建築。
                                </p>
                            </div>
                        </div>
                        <div class="swiper-slide bg-img"><img src="images/4.jpg">
                        <div class="bg-blue">
                                <div class="about-font text-center">關於我們</div>
                                <p>
                                   16世紀葡萄牙人的到來改變了一切。葡萄牙人無論在文化，美食或者傳統方面都給澳門帶來了重大影響。但由始至終影響最深的，
                                   還是葡萄牙人留下的建築。16世紀葡萄牙人的到來改變了一切。葡萄牙人無論在文化，美食或者傳統方面都給澳門帶來了重大影響。但由始至終影響最深的，還是葡萄牙人留下的建築。
                                </p>
                            </div>
                        </div>
                        <div class="swiper-slide bg-img"><img src="images/4.jpg">
                        <div class="bg-blue">
                                <div class="about-font text-center">關於我們</div>
                                <p>
                                   16世紀葡萄牙人的到來改變了一切。葡萄牙人無論在文化，美食或者傳統方面都給澳門帶來了重大影響。但由始至終影響最深的，
                                   還是葡萄牙人留下的建築。16世紀葡萄牙人的到來改變了一切。葡萄牙人無論在文化，美食或者傳統方面都給澳門帶來了重大影響。但由始至終影響最深的，還是葡萄牙人留下的建築。
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-button-next swiper-button-next2 slide-btn"><i class="fa fa-angle-right slide-ico"></i></div>
                    <div class="swiper-button-prev swiper-button-prev2 slide-btn"><i class="fa fa-angle-left slide-ico"></i></div>
     </div>
            <div class="col-md-6 rental h-400">
                <h3 class="text-center">出租</h3>
                 <div class="col-md-4 col-xs-4 col-sm-4">
                  <div class="h-150">   
                    <img src="images/7.jpg">
                    <a href="market.html" class="hover-style">
                        <h5>title了</h5>
                        <p class="h-9">text</p>
                    </a>
                 </div>
                </div>
                   <div class="col-md-4 col-xs-4 col-sm-4">
                  <div class="h-150">   
                    <img src="images/7.jpg">
                     <a href="market.html" class="hover-style">
                        <h5>title了</h5>
                        <p class="h-9">text</p>
                    </a>
                 </div>
                </div>
                  <div class="col-md-4 col-xs-4 col-sm-4">
                  <div class="h-150">   
                    <img src="images/7.jpg">
                     <a href="market.html" class="hover-style">
                        <h5>title了</h5>
                        <p class="h-9">text</p>
                    </a>
                 </div>
                </div>
                  <div class="col-md-4 col-xs-4 col-sm-4">
                  <div class="h-150">   
                    <img src="images/7.jpg">
                     <a href="market.html" class="hover-style">
                        <h5>title了</h5>
                        <p class="h-9">text</p>
                    </a>
                 </div>
                </div>
                  <div class="col-md-4 col-xs-4 col-sm-4">
                  <div class="h-150">   
                    <img src="images/7.jpg">
                     <a href="market.html" class="hover-style">
                        <h5>title了</h5>
                        <p class="h-9">text</p>
                    </a>
                 </div>
                </div>
                  <div class="col-md-4 col-xs-4 col-sm-4">
                  <div class="h-150">   
                    <img src="images/7.jpg">
                     <a href="market.html" class="hover-style">
                        <h5>title了</h5>
                        <p class="h-9">text</p>
                    </a>
                 </div>
                </div>
            </div>
            <div class="col-md-6 sell h-400">
                <h3 class="text-center">出售</h3>
                   <div class="col-md-4 col-xs-4 col-sm-4">
                  <div class="h-150">   
                    <img src="images/7.jpg">
                     <a href="market.html" class="hover-style">
                        <h5>title了</h5>
                        <p class="h-9">text</p>
                    </a>
                 </div>
                </div>
                  <div class="col-md-4 col-xs-4 col-sm-4">
                  <div class="h-150">   
                    <img src="images/7.jpg">
                     <a href="market.html" class="hover-style">
                        <h5>title了</h5>
                        <p class="h-9">text</p>
                    </a>
                 </div>
                </div>
                  <div class="col-md-4 col-xs-4 col-sm-4">
                  <div class="h-150">   
                    <img src="images/7.jpg">
                     <a href="market.html" class="hover-style">
                        <h5>title了</h5>
                        <p class="h-9">text</p>
                    </a>
                 </div>
                </div>
                  <div class="col-md-4 col-xs-4 col-sm-4">
                  <div class="h-150">   
                    <img src="images/7.jpg">
                     <a href="market.html" class="hover-style">
                        <h5>title了</h5>
                        <p class="h-9">text</p>
                    </a>
                 </div>
                </div>
                 <div class="col-md-4 col-xs-4 col-sm-4">
                  <div class="h-150">   
                    <img src="images/7.jpg">
                     <a href="market.html" class="hover-style">
                        <h5>title了</h5>
                        <p class="h-9">text</p>
                    </a>
                 </div>
                </div>
                 <div class="col-md-4 col-xs-4 col-sm-4">
                  <div class="h-150">   
                    <img src="images/7.jpg">
                     <a href="market.html" class="hover-style">
                        <h5>title了</h5>
                        <p class="h-9">text</p>
                    </a>
                 </div>
                </div>
            </div>
        </div>
            <div class="messge">
                <div class="messge_nav">聯繫我們</div>
                <div class="message_content">
                  <form action="#" method="post" id="form_message">
                    <input class="message_input " type="text" name="contacts" onfocus="if (value == '姓名') {
                          value = ''
                      }" onblur="if (value == '') {
                                  value = '姓名'
                              }" value="姓名" />
                    <input class="message_input" type="text" name="phone" onfocus="if (value == '電話') {
                                          value = ''
                                      }" onblur="if (value == '') {
                                                  value = '電話'
                                              }" value="電話" />
                    <input class="message_input" type="text" name="email" onfocus="if (value == '郵箱') {
                                                          value = ''
                                                      }" onblur="if (value == '') {
                                                                  value = '郵箱'
                                                              }" value="郵箱" />
                    <textarea class="message_text_area" name="content"></textarea>
                    <input class="message_button" type="submit" value="發送" />
                  </form>
                </div>
              </div>
        <div class="col-md-12 copyright text-center">Copyright © 2015 2010宋濟川地產公司.版權所有</div>
        <a class="go-top" href="#top"><i class="fa fa-angle-up"></i></a>
        <!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog map-modal">
    <div class="modal-content">
      
      <div class="modal-body m-b-0">
          <div class="gmap3"></div>
      </div>
      
    </div>
  </div>
</div>
        <script src="js/jquery.min.js" type="text/javascript"></script>
        <script src="js/bootstrap.min.js" type="text/javascript"></script>
        <script src="dist/js/swiper.js" type="text/javascript"></script>
        <script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
         <script src="http://maps.googleapis.com/maps/api/js?sensor=false" type="text/javascript"></script>
        <script src="js/gmap3.min.js" type="text/javascript"></script>
        <script src="js/sjc.js" type="text/javascript"></script>
       <script type="text/javascript">
$('.shop-map').click(function(){
    $('#myModal').show();
         var mapx=$(this).attr('data-to');
         var mapy=$(this).attr('data-po');
      
$(".gmap3").gmap3({
         
        map:{
        options:{
        center: [mapx,mapy],
                zoom: 15
        }
        }, marker: {
        latLng:[mapx,mapy]
        }
        });
    
  });
    </script>
    </body>
</html>
